<%@page import="java.io.PrintWriter"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title>Invest Works</title>
<link rel="shortcut icon" type="image/x-icon"
	href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link
	href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100'
	rel='stylesheet' type='text/css'>

<!--  <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>

<script src="js/modernizr.custom.js"></script>

<script src="js/jquery.carouFredSel-5.5.0-packed.js"
	type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>-->

<script class="jsbin"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!--  [if IE]-->
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--  [end if]-->
<script>
	$(document).ready(function() {
		$('.open').click(function() {
			$('#lightbox').fadeTo(1000, 1);
			$("#wrapper").css({
				'text-shadow' : '0px 0px 10px #000'
			});
		});
	});

	$(document).ready(function() {
		$('.close').click(function() {
			$('#lightbox').hide();
			$("#wrapper").css({
				'text-shadow' : '0px 0px 0px #000'
			});
		});
	});
</script>

</head>
<body>

	<div id="lightbox">
		<div id="lightbox_area">
			<form method="post" action="./authenticate.htm">
				<fieldset>
					<legend>Login</legend>
					<table border="0">
						<tr>
							<td>Username:</td>
							<td><input type="text" name="username"></td>
						</tr>
						<tr>
							<td>Password:</td>
							<td><input type="password" name="password"></td>
						</tr>
					</table>
					<input type="submit" class="button_style" name="login_button"
						value="Login"> <input type="reset" class="button_style"
						name="cancel_button" value="Cancel">
				</fieldset>
			</form>
			<p class="close">
				<b>X</b>
			</p>
		</div>
	</div>




	<!-- shell -->
	<div class="shell">
		<!-- container -->
		<div class="container">

			<!-- header -->
			<div id="header">
				<h1 id="logo"></h1>
				<!-- search -->
				<div class="search">
					<%
						if (session.getAttribute("email") != null) {
							System.out.println("ses email = "
									+ session.getAttribute("email"));
							String name = session.getAttribute("fname") + " "
									+ session.getAttribute("lname");
					%>
					<label id="welcome">Welcome <%=name%></label><br /> <a
						href="./logout.htm">LOGOUT</a>
					<%
						} else {
					%>
					<a href="#" class="open">LOGIN</a> &nbsp; &nbsp; <a
						href="registration.jsp">REGISTER</a>
					<%
						}
					%>

					<div class="cl">&nbsp;</div>
				</div>
				<!-- end of search -->
				<div class="cl">&nbsp;</div>
			</div>
			<!-- end of header -->
			<!-- Links start -->
			<div id="links">
				<ul id="nav" class="drop">

					<li><a href="index.jsp">&nbsp;&nbsp;Home&nbsp;&nbsp;</a></li>
					<li>&nbsp;&nbsp;About Us&nbsp;&nbsp;
						<ul>
							<li><a href="whyinvestwork.jsp">Why InvestWorks</a></li>

							<li><a href="management_team.jsp">Management Team</a></li>
						</ul>
					</li>
					<li>&nbsp;&nbsp;Products & Services&nbsp;&nbsp;
						<ul>
							<li><a href="trading.jsp">Trading</a></li>
							<li><a href="investments.jsp">Investment</a></li>
							<li><a href="subscription.jsp">Subscription</a></li>
							<li><a href="pricing&rates.jsp">Pricing and Rates</a></li>
							<li><a href="niftyAlpha.jsp">Nifty Alpha</a></li>
							<li><a href="investReports.jsp">Invest Reports</a></li>
						</ul>
					</li>
					<li>&nbsp;&nbsp;My InvestWorks&nbsp;&nbsp;
						<ul>
							<li><a href="#">Derivative Trade Idea</a></li>
							<li><a href="#">Schedule a Meeting</a></li>
							<li><a href="myinvestwork.jsp">My Investments</a></li>
						</ul>
					</li>
					<li><a href="mediaCenter.jsp">&nbsp;&nbsp;Media
							Center&nbsp;&nbsp;</a></li>
					<li><a href="contactus.jsp">Contact Us</a></li>

				</ul>

				<div class="socials">
					<a href="#" class="facebook-ico">facebook-ico</a> <a href="#"
						class="twitter-ico">twitter-ico</a> <a href="#" class="skype-ico">skype-ico</a>
					<a href="#" class="rss-ico">rss-ico</a>
					<div class="cl">&nbsp;</div>
				</div>

			</div>
			<!-- -------link end-------- -->


		</div>
		<!-- end of container -->
	</div>
	<!-- end of shell -->
</body>
</html>
